﻿$(function(){

	//////////////////////////////////////////////////
    const Type_Bank= 1;										//银行卡通道
	const Type_Ali= 2;										//支付宝图片通道
	const Type_Wx= 3;										//微信图片通道
	const Type_Ali2Bank= 4;									//动态二维码通道（支付宝扫码转银行卡）
	const Type_Wx2Bank= 5;									//微信转银行卡通道
	const Type_Wx2Phone= 7;									//微信转手机号
    //////////////////////////////////////////////////

	function GetQueryString(name)
	{
	     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	     var r = window.location.search.substr(1).match(reg);
	     if(r!=null)return  decodeURIComponent(r[2]); return null;
	}
	let order_num=GetQueryString("order_num");
	let redirect_url=GetQueryString("redirect_url");
	let app_id=GetQueryString("app_id");
	let user_id=GetQueryString("user_id");
	let merchant_id="";
	let type="";

	function wx2bank(data, phone){
        $('.fix-container').addClass('d-flex align-items-center')
        $('.fix-container').css('min-height', '100%')
        $(".alipay").hide();
        $(".blank").hide();
        $(".nextStep").trigger('click')
        $('.myStepTips.blank, .myStepTips1.blank').html(`
					<li class="active"><span>1</span>确认订单</li>
					<li><span>2</span>订单完成</li>
            	`).show()
        window.wx2bankVue.payment= data;
        $('.wx2bank_wrap').show();
        $('.copyBtn.blank').show();
        if(phone === 'phone'){
            window.wx2bankVue.wx2phone= true;
		}
	}
	$.ajax({

        url: typeof(TEST_URL) === 'string'? TEST_URL: `${BASE_URL}/otc/user/create/get-pay?order_num=${order_num}`,			//url定义在 api.js 文件里的

		async:true,
		beforeSend: function(){
			// Handle the beforeSend event
			$(".loading").show();
		},
		complete: function(){
			// Handle the complete event
			$(".loading").hide();
		},
		success:function(res){console.log(res)
			let data=res.data;
			type=data.pay.type;

			if(type == Type_Ali2Bank){			//动态二维码通道（支付宝扫码转银行卡）
                getQrcodeUrl(res.data);			//生成二维码
                getFlightUrl(res.data);			//生成飞行模式链接
                $('.fix-alipay-img').hide();
                $(".alipay").show();
                $(".blank").hide();
                $(".mytabs").hide();
                $("#tab2").show();
                tabs2();
                $('.fix-title-for-qrcode-hide').hide();
                $('.fix-title-for-qrcode-show').show();
			}
			else if(type == Type_Wx){			//微信图片通道（x）
                $(".alipay").show();
                $(".blank").hide();
                $(".mytabs").hide();
                $("#tab2").show();
                tabs2();
                $(".alipayImg").attr("src",data.pay.code_image);
			}
            else if(type == Type_Ali){			//支付宝图片通道
				$(".alipay").show();
				$(".blank").hide();
				$(".mytabs").hide();
				$("#tab2").show();
				tabs2();
				$(".alipayImg").attr("src",data.pay.code_image);
			}
            else if(type == Type_Bank){			//银行卡通道
				$('.fix-container').addClass('d-flex align-items-center')
				$('.fix-container').css('min-height', '100%')
				$(".blank").show();
				$(".alipay").hide();
			}
            else if(type == Type_Wx2Bank){		//微信转银行卡
                wx2bank(data)
			}
            else if(type == Type_Wx2Phone){		//微信转手机号
                wx2bank(data, 'phone')
			}
			$(".container").show();
			$(".orderNumber").html(data.order.order_num);
			$(".money").html(data.order.source);
			$(".bank_name").html(data.pay.bank_name);
			$(".card_id").html(data.pay.card_id);
			$(".name").html(data.pay.name);
			$(".dist").html(data.order.dist);
			$(".source").html(data.order.source);
			$(".price").html(data.order.price);
			merchant_id=data.order.merchant_id

		}
	});
	/*第一步*/
	$(".nextStep").click(function(){
		$(".mytabs").hide();
		$("#tab2").show();
		tabs2();
		$(".myStepTips").find("li").eq(1).addClass("active");
		$(".myStepTips1").find("li").eq(1).addClass("active");
	})

	/*secon*/
	let timer;
	let mm=19;//分钟
	let ss=59;//秒钟
	function tabs2(){
			timer=setInterval(function(){
				if(ss<10){
					//如果秒数少于10在前面加上0
					$('.canalBtn').html('取消订单['+mm+':0'+ss+']');
				}else{
					$('.canalBtn').html('取消订单['+mm+':'+ss+']');
				}
				ss--;
				if(ss<0){
					//如果秒数少于0就变成59秒
					ss=59;
					mm--;
				}
				if(mm==0&&ss==0){
					// Alert.error('订单已超时，请重新下单','.alertMsg1');
					$('.canalBtn ').html('订单已超时');
					clearInterval(timer);
					setTimeout(function () {
						cancelOrder();
					},1000)
				}
			},1000);
	}
	$(".sureGive").click(function(){
		if(mm<=0&&ss<=0){
			Alert.error('当前订单已超时，不能付款','.alertMsg',1000);
		}else {
            let url=`${BASE_URL}/otc/user/order/payment`;	//确认已付款按钮的链接
			let data={};
			data.order_num=order_num;
			data.app_id=app_id;
			data.user_id=user_id;
			data.merchant_id=merchant_id;
			$.post({
					url:url,
					data:data,
					dataType:'json',
					success:function(res){
						$(".mytabs").hide();
						$("#tab3").show();
						tabs3();
						$("#modal1").modal("hide");
						$(".myStepTips").find("li").addClass("active");
						$(".myStepTips1").find("li").addClass("active");
					},
					error:function (res) {
						Alert.error('操作失败','.alertMsg',1000);
					}
				})
		}
	});
	let flag=true;
	/*取消订单*/
	$('.canalCom').click(function(){
		if(mm<=0&&ss<=0){
			flag=true;
			Alert.error('当前订单已超时，不能取消','.alertMsg',1000)
		}else {
			flag=false;
			cancelOrder();
			clearInterval(timer)
		}
	});
	function cancelOrder(){
        let url=`${BASE_URL}/api/user/order/cancel-order`;	//取消按钮的链接
		let data={};
		data.order_num=order_num;
		data.app_id=app_id;
		data.user_id=user_id;
		$.post({
			url:url,
			data:data,
			dataType:'json',
			success:function(res){
				let _html="";		
				let timer=5;
				let t=setInterval(function(){
					timer--;
					if(flag)
					{
						_html='订单已超时,'+timer+'s 返回商家';
					}
					else
					{
						_html='订单已取消,'+timer+'s 返回商家';

					}
					Alert.error(_html,'.alertMsg1',10000);
					if(timer<=0)
					{
						window.location.href=redirect_url;
					}
				},1000)

				// $(".alertMsg1").html(ss+"s 返回商家");
			},
			error:function (res) {
				alert('取消订单失败');
			}
		})
	}
	/*提交成功*/
	let index=0;
	let backTime=4;
	function tabs3(){
		$(".goBack").click(function(){
			window.localtion.href=redirect_url;
		});
		var goback=setInterval(function(){
			if(backTime<=0)
			{
				clearInterval(goback);
				window.location.href=redirect_url;
			}
			$(".goBack").html(backTime+"s 返回商家");
			backTime--;
		},1000);
		var time=setInterval(function(){
		$(".diot").find("li").removeClass("active");
		$(".diot").find("li").eq(index).addClass("active");

		index++;
		if(index>=7)
		{
			index=0;
		}
	},200)
	}
	/* 复制*/
	$('.Copy').click(function () {
		let $this=$(this);
		var clipboard = new ClipboardJS(".Copy",{
			text : function(){
				//寻找被激活的那个div pre元素,同时获取它下面的内容
				return $this.prev().text();
			}
		});
		clipboard.on('success',function(e){
			Toast("已复制到粘贴板！",1000);
		});
		clipboard.on('error',function(e){
			console.log(e);
		});
	});
	/*Toast*/
	function Toast(msg,duration){
		duration=isNaN(duration)?3000:duration;
		var m = document.createElement('div');
		m.innerHTML = msg;
		m.style.cssText="max-width:60%;min-width: 150px;padding:0 15px;height: 30px;color: rgb(255, 255, 255);line-height: 30px;text-align: center;border-radius: 10px;position: fixed;top:10%;left: 50%;transform: translate(-50%, -50%);z-index: 999999;background: rgba(0, 0, 0,.7);font-size: 1.4rem;";
		document.body.appendChild(m);
		setTimeout(function() {
			var d = 0.5;
			m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
			m.style.opacity = '0';
			setTimeout(function() { document.body.removeChild(m) }, d * 1000);
		}, duration);
	}

    if(!window.isPC()){
		$('#myStepTips1-wrap').hide()
	}

});
